﻿@{
    ViewBag.Title = "עמודים מוכנים";
}
@section headElements{
    <link href="@Url.Content("~/Content/BackgroundImages.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/PremadePages.js")" type="text/javascript"></script>
}
<ul id="Breadcrumbs">
    <li><a href="@Url.Action("Index", "Admin")">פאנל ניהול</a></li>
    <li>עמודים מוכנים</li>
</ul>
<div id="sideBar">
    <div class="highlightedPanel" style="padding: 15px 0px;">
        <ul id="Categories">
        </ul>
        <input type="button" id="btnAddCategory" value="הוסף קטגוריה" class="button" />
        <input type="button" id="btnUpdateCategory" value="ערוך קטגוריה" class="button" />
        <script id="categoryTemplate" type="text/x-jquery-tmpl">
            <li data-category-id="${CategoryId}">
                {{if Deletable == true}}
                    <div class="deleteCategory deleteIcon" title="מחק קטגוריה">-</div>
                {{/if}}
                <div class="categoryTitle">${Title}</div>
                <div class="counter">${ItemsCount}</div>
                <div class="clear"></div>
            </li>
        </script>
    </div>
</div>
<div id="mainSection">
    <div>
        <div class="highlightedPanel">
            <input type="button" id="btnAddPremadePage" value="הוסף עמוד מוכן" class="button" />
            <input type="button" id="btnDeleteMultiple" value="מחק עמודים נבחרים" class="button" />
            <input type="button" id="btnSelectAllItems" value="בחר הכל" class="button" />
        </div>
        <div class="clear topSpace">
        </div>
        <ul id="Items">
        </ul>
        <div id="pagesContainer" class="clear">
        </div>
        <div class="clear">
        </div>
    </div>
    <script id="itemTemplate" type="text/x-jquery-tmpl">
        <li>
            <div class="imageContainer">
                <img src="${ThumbnailUrl}" class="hidden" />
            </div>
            <div class="imageDescription">
                ${Title}
            </div>
            <div class="buttons">
                <a class="designImage buttonIcon" href="@(Url.Action("Index", "Designer", new { designerAction = "Premade" }))&premadePageId=${PremadePageId}"></a>
                <div class="updateImage buttonIcon"></div>
                <div class="deleteImage buttonIcon"></div>
            </div>
        </li>
    </script>
</div>
@Html.Hidden("DesignerUrl", Url.Action("Index", "Designer", new { designerAction = "Premade" }))
